<template>
    <div>
        <h4>{{ title }}</h4>
        <textarea v-model="input1"></textarea>
        <slot name="back"></slot>
        <button @click="toPage">next</button>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router'

const router = useRouter();

const props = defineProps(['title']);
const emit = defineEmits(['toPage'])

const input1 = ref(null);

const toPage = () => {
    emit('toPage', input1.value);
}
</script>

<style lang="scss" scoped>

</style>